html{
	font-size:62.5%;
}
body,p,input,h1,h2,h3,h4,h5,h6,ul,li,form,textarea,div{
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:middle;
	}
body{
	-o-text-size-adjust:none;
	-moz-size-adjust:none;
	-webkit-text-size-adjust:none;
	font-family:"\5FAE\8F6F\96C5\9ED1", Helvetica;
	color:#704b3e;
	font-size:1.2rem;
	min-width:320px;
	height:100%;
	background: #f81759;
	position: relative;min-height: 100%;height: auto;
}
em,i{
	font-style:normal;
}
img{
	border:0;
	max-width:100%;
	width:100%;
}
a{
	text-decoration:none;
}
.clearfix:after{
	content:"";
	visibility:hidden;
	display:block;
	height:0;
	clear:both;
}
.clearfix{
	clear:both;
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
*:focus{
	outline:none;
}
/*403、404、500页面css*/



/*-----index----*/
.start-box {
    width: 100%;
    padding-bottom: 4rem;
}

.start-box p{
	font-size: 1.4rem;
    text-align: center;
    color: #fff;
    padding: 0.8rem  0;
}

.start-btn {
    display: block;
    height: 9.6rem;
    width: 9.6rem;
    background: url(../img/start_btn.png) no-repeat;
    background-size: 9.6rem 9.6rem;
    color: #fff;
    margin: 0 auto;
}

.footer{
	position: absolute;
	bottom: 0;
	font-size: 1.25rem;
    text-align: center;
    height: 4rem;
    line-height: 4rem;
    width: 100%;
    color: #fff;
}

@media screen and (min-height:600px)  and (max-height: 670px){
	.start-box {
	    width: 100%;
	    padding-bottom: 4rem;
	}
	.start-box p{
		font-size: 1.75rem;
	    text-align: center;
	    color: #fff;
	    padding: 1rem  0;
	}

	.start-btn {
	    display: block;
	    height: 12rem;
	    width: 12rem;
	    background: url(../img/start_btn.png) no-repeat;
	    background-size: 12rem 12rem;
	    color: #fff;
	    margin: 0 auto;
	}

}

@media screen and (min-height: 670px) {

	.start-box {
	    width: 100%;
	    padding-bottom: 4rem;
	}

	.start-box p{
		font-size: 2rem;
	    text-align: center;
	    color: #fff;
	    padding: 2.4rem  0;
	}

	.start-btn {
	    display: block;
	    height: 14rem;
	    width: 14rem;
	    background: url(../img/start_btn.png) no-repeat;
	    background-size: 14rem 14rem;
	    color: #fff;
	    margin: 0 auto;
	}
}

/*---result----*/
.result-box{
	width: 100%;
	padding-bottom: 4rem;
}

.result-box>img:first-child{
	position: absolute;
	top: 0;
	z-index: -1
}

.speed-box {
	width: 13rem;
	height: 3rem;
	margin: 0 auto ;
	padding: 4rem 0 2rem;
	
}

.speed-box img{
	display: block;
	width:3rem;
	height:3rem;
	background-size: 3rem 3rem;
	float: left;
}

.speed-box span{
	font-size: 2rem;
	color: #fcfdff;
	line-height: 3rem;
	padding-left: 0.4rem;
}

.speed-pre{
	font-size: 2rem;
    text-align: center;
    color: #efefef;
    height: 5rem;
}

.speed-pre span{
	font-size: 5rem;
	color: #ffec83;
}

.speed-info{
	font-size: 1.6rem;
    text-align: center;
    color: #fff;
    padding: 1rem 0 0 0;
}

.share-box{
	width: 28rem;
	height: 3.4rem;
	margin: 3rem auto;
}

.share-box a{
	width:12rem;
	height: 4rem;
	display: block;
	border: 0.2rem solid #fff;
	border-radius: 5rem;
	float: left;
	text-align: center;
	line-height:4rem;
	font-size: 1.6rem;
	color: #fff;
}
.share-box a:last-child{
	margin-left:2rem;
}

.qrcode-title{
	font-size: 1.4rem;
    text-align: center;
    color: #fff;
}
.qrcode-img{
	width: 12rem;
	height: 12rem;
	display: block;
	margin:2rem auto;
}


@media screen and (min-height:600px)  and (max-height: 670px){
	.speed-info{
		font-size: 2rem;
	    text-align: center;
	    color: #ffec83;
	    padding: 2rem 0 0 0;
	}
	.share-box{
		width: 36rem;
		height: 5.4rem;
		margin: 3rem auto;
	}
	.share-box a{
		width: 16rem;
		height: 5rem;
		display: block;
		border: 0.2rem solid #fff;
		border-radius: 5rem;
		float: left;
		text-align: center;
		line-height:5rem;
		font-size: 2rem;
		color: #fff;
	}
	.share-box a:last-child{
		margin-left: 3rem;
	}

	.qrcode-title{
		font-size: 1.4rem;
	    text-align: center;
	    color: #fff;
	}

	.qrcode-img{
		width: 16rem;
		height: 16rem;
		display: block;
		margin:2rem auto;
	}
}

@media screen and (min-height: 670px) {
	.speed-info{
		font-size: 2rem;
	    text-align: center;
	    color: #ffec83;
	    padding: 2rem 0 0 0;
	}
	.share-box{
		width: 36rem;
		height: 5.4rem;
		margin: 4rem auto;
	}
	.share-box a{
		width: 16rem;
		height: 5rem;
		display: block;
		border: 0.2rem solid #fff;
		border-radius: 5rem;
		float: left;
		text-align: center;
		line-height:5rem;
		font-size: 2rem;
		color: #fff;
	}
	.share-box a:last-child{
		margin-left: 3rem;
	}
	.qrcode-title{
		font-size: 1.8rem;
	    text-align: center;
	    color: #fff;
	}
	.qrcode-img{
		width: 18rem;
		height: 18rem;
		display: block;
		margin:2rem auto;
	}

}

/*---loading----*/
.loading-box {
    width: 100%;
    margin:0;
    padding-bottom: 4rem;
}

.loading-box p{
	font-size: 1.875rem;
    text-align: center;
    color: #fff;
    line-height: 3rem;
    height: 3rem;
    width:100%;

}

.loading-box div{
	margin: 0 auto;
	width: 14rem;
	height: 14rem;
}

.loading-box div canvas{
	margin: 0 auto;
	width: 14rem;
	height: 14rem;
}
.share-guide {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    color: #fff;
}
.guide-img {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 999999;
}


@media screen and (min-height:600px)  and (max-height: 670px){
	.loading-box{
    	width: 100%;
   		margin:0;
   		padding-bottom: 4rem;
	  }
	.loading-box p{
		font-size: 1.875rem;
	    text-align: center;
	    color: #fff;
	    line-height: 4rem;
	    height: 4rem;
	    width:100%;

	}

	.loading-box div{
		margin: 0 auto 2rem;
		width: 16rem;
		height: 16rem;
	}

	.loading-box div canvas{
		margin: 0 auto;
		width: 16rem;
		height: 16rem;
	}
}

@media screen and (min-height: 670px) {
	.loading-box{
    	width: 100%;
   		margin:0;
   		padding-bottom: 4rem;
	  }

	.loading-box p{
		font-size: 2rem;
	    text-align: center;
	    color: #fff;
	    line-height: 6rem;
	    height: 6rem;
	    width:100%;

	}

	.loading-box div{
		margin: 0 auto 2rem;
		width: 18rem;
		height: 18rem;
	}

	.loading-box div canvas{
		margin: 0 auto;
		width: 18rem;
		height: 18rem;
	}
}



